<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>个人中心</title>
	<!-- 导入样式 -->
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/headandfter.css" />
    
    <link rel="stylesheet" type="text/css" href="../css/DaKa.css"/>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/header.js"></script>
    <script src="../js/DKimg.js"></script>
</head>

<body>
<header>
  <div class="header">
    <div class="top">
      <div class="top-info fixed">
      	<div class="right fixed" style="*max-width:420px; position:relative;">
          <div class="message-content right"  style="position:relative; display:inline-block; height:40px;">
            <a href="#" class="message-info">
              <span class="message-nums">6</span>
            </a>
            <div class="h-MessageInfo">
              <p class="icon-tringle2"></p>
              <div class="h-M-Content">
                <p class="h-M-Title"><a href="javascript:void(0);" class="NowMeg" style="border-right:solid 1px #e6e6e6;">消息</a><a href="javascript:void(0);" style="width:189px;">动态</a></p>
                <ul class="h-Tab">
                  <li class="MsgContent">
                    <div class="Msg-txt">暂无新消息</div>
                    <p class="Msg-more"><a href="#">查看更多消息>></a></p>
                  </li>
                  <li class="cdtContent" style="display:none;">
                    <div class="Msg-txt">暂无新动态</div>
                    <p class="Msg-more"><a href="#">查看更多动态>></a></p>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!--End 消息内容-->
          <div class="user-info right fixed">
            <div class="user-img left"><img src="../images/headandfter/user-img.png" /></div>
            <div class="user-name left">
              <a href="#">小豆女王</a>
              <span class="icon-tringle1"></span>
            </div>
            <div class="user-set">
              <p></p>
              <div class="us-Content"></div>
            </div><!--用户操作 未果-->
          </div>
        </div>
        <!--End 用户-->
        <div class="top-nav left">
          <a href="#" class="f-home">番石榴首页</a>
          <span class="vertical-gray1"></span>
          <a href="#" class="f-news">新闻站</a>
          <span class="vertical-gray1"></span>
          <a href="#" class="f-active">亲子活动站</a>
          <span class="vertical-gray1"></span>
          <a href="#" class="f-shop">辣妈购物站</a>
          <span class="vertical-gray1"></span>
          <a href="#" class="f-lt">论坛</a>
        </div>
      </div>
    </div>
   <!--End top-->
    <div class="header-banner fixed">
      <div class="search-info right">
        <div class="search-content">
          <input type="text" name="search" value="" />
          <a href="javascript:void(0);" class="icon-search"></a>
        </div>
        <p class="search-tag">
          <span>热词：</span>
          <a href="#">韩剧</a>
          <a href="#">发烧</a>
          <a href="#">吊瓶</a>
          <a href="#">安全</a>
        </p>
      </div>
      <div class="cms-logo left">
        <img src="../images/headandfter/cms-logo.png" />
        <span class="vertical-gray1" style="height:60px; margin:0 30px; margin-bottom:6px;"></span>
      </div>
      <div class="header-nav left">
        <a href="#" class="nav-home">首页</a>
        <a href="#" class="nav-image">图片</a>
        <a href="#" class="nav-dkh">大咖号</a>
        <a href="#" class="nav-mtrz">媒体入驻</a>
        <a href="#" class="nav-lt">论坛</a>
        <a href="#" class="nav-app">APP</a>
      </div>
    </div>
  </div>
</header>
<!--End header-->
<section>
  <div class="banner">
    <div style="height:260px; overflow:hidden"><img src="../images/daka/bannerbg.jpg" class="bannerbg" /></div>
    <ul class="userRead">
      <li>
        <div class="userImgContent"><img src="../images/daka/ceshi1.jpg" /></div>
        <div class="userName">
          EVIN原创设计
          <div class="userNameInfo">
            <p class="icon-tringle4"></p>
            <div class="userNameTxt">最近伊能静的一组婚礼现场未PS照可谓是红极一时，瞬间占据各大媒体头条，并成为身边好友们茶余饭后的最佳谈资，也让大家惊叹于女明星的本来面目</div>
          </div>
        </div>
        <p class="ReadBtn"><a href="javascript:void(0);">+ 订阅</a></p>
      </li>
      <li>
        <div class="userImgContent"><img src="../images/daka/ceshi3.jpg" /></div>
        <p class="userName"><span class="userLogo"></span>小咖【探店】</p>
        <p class="ReadBtn"><a href="javascript:void(0);">+ 订阅</a></p>
      </li>
      <li>
        <div class="userImgContent"><img src="../images/daka/ceshi2.jpg" /></div>
        <p class="userName">小岛岛民</p>
        <p class="ReadBtn"><a href="javascript:void(0);">+ 订阅</a></p>
      </li>
      <li>
        <div class="userImgContent"><img src="../images/daka/ceshi3.jpg" /></div>
        <p class="userName">大鱼自助游</p>
        <p class="ReadBtn"><a href="javascript:void(0);">+ 订阅</a></p>
      </li>
      <li>
        <div class="userImgContent"><img src="../images/daka/zk-ewm.png" /></div>
        <p class="userName">齐心社工团</p>
        <p class="ReadBtn"><a href="javascript:void(0);">+ 订阅</a></p>
      </li>
    </ul>
  </div><!--End banner 内容头部-->
  <div class="container">
    <div class="c-title">
      <p class="right search-daka">
      	<input type="text" value="" placeholder="搜索喜欢的大咖号" />
        <a href="javascript:void(0);" class="searchBtn"><img src="../images/daka/icon-search2.png" /></a>
      </p>
      <p class="choosetag">
        <a href="#" class="now">精选</a>
        <span class="vertical-gray1"></span>
        <a href="#">时尚</a>
        <span class="vertical-gray1"></span>
        <a href="#">服饰</a>
        <span class="vertical-gray1"></span>
        <a href="#">美容</a>
        <span class="vertical-gray1"></span>
        <a href="#">艺术</a>
        <span class="vertical-gray1"></span>
        <a href="#">情爱</a>
        <span class="vertical-gray1"></span>
        <a href="#">亲子</a>
        <span class="vertical-gray1"></span>
        <a href="#">时尚</a>
        <span class="vertical-gray1"></span>
        <a href="#">大家</a>
        <span class="vertical-gray1"></span>
        <a href="#">星座</a>
      </p>
    </div><!--End c-title-->
    <div class="c-content">
      <ul class="dakalist fixed">
        <li>
          <div class="dkinfo fixed">
            <img src="../images/daka/userImg.png" />
            <p class="dkreadNums">22793 人订阅</p>
            <p class="dkName">互助公益团</p>
          </div>
          <p class="dkTxt">可以说，地方政府救楼市无所不用其极，甚至于把住房公积金贷款也作为其救楼市之工具了。</p>
          <p class="fixed"><a href="#" class="dkReadBtn YesRead right">订阅</a></p>
        </li><!--End daka list one-->
        <li>
          <div class="dkinfo fixed">
            <img src="../images/daka/userImg.png" />
            <p class="dkreadNums">22793 人订阅</p>
            <p class="dkName">互助公益团</p>
          </div>
          <p class="dkTxt">可以说，地方政府救楼市无所不用其极，甚至于把住房公积金贷款也作为其救楼市之工具了。</p>
          <p class="fixed"><a href="#" class="dkReadBtn YesRead right">订阅</a></p>
        </li><!--End daka list one-->
        <li>
          <div class="dkinfo fixed">
            <img src="../images/daka/userImg.png" />
            <p class="dkreadNums">22793 人订阅</p>
            <p class="dkName">互助公益团</p>
          </div>
          <p class="dkTxt">可以说，地方政府救楼市无所不用其极，甚至于把住房公积金贷款也作为其救楼市之工具了。</p>
          <p class="fixed"><a href="#" class="dkReadBtn YesRead right">订阅</a></p>
        </li><!--End daka list one-->
        <li>
          <div class="dkinfo fixed">
            <img src="../images/daka/userImg.png" />
            <p class="dkreadNums">22793 人订阅</p>
            <p class="dkName">互助公益团</p>
          </div>
          <p class="dkTxt">可以说，地方政府救楼市无所不用其极，甚至于把住房公积金贷款也作为其救楼市之工具了。</p>
          <p class="fixed"><a href="#" class="dkReadBtn YesRead right">订阅</a></p>
        </li><!--End daka list one-->
        <li>
          <div class="dkinfo fixed">
            <img src="../images/daka/userImg.png" />
            <p class="dkreadNums">22793 人订阅</p>
            <p class="dkName">互助公益团</p>
          </div>
          <p class="dkTxt">可以说，地方政府救楼市无所不用其极，甚至于把住房公积金贷款也作为其救楼市之工具了。</p>
          <p class="fixed"><a href="#" class="dkReadBtn YesRead right">订阅</a></p>
        </li><!--End daka list one-->
        <li>
          <div class="dkinfo fixed">
            <img src="../images/daka/userImg.png" />
            <p class="dkreadNums">22793 人订阅</p>
            <p class="dkName">互助公益团</p>
          </div>
          <p class="dkTxt">可以说，地方政府救楼市无所不用其极，甚至于把住房公积金贷款也作为其救楼市之工具了。</p>
          <p class="fixed"><a href="#" class="dkReadBtn YesRead right">订阅</a></p>
        </li><!--End daka list one-->
      </ul>
    </div>
  </div>
</section>
<!--End section-->
<footer>
  <div class="footer footer-show-bg">
    <div class="f-banner fixed">
      <div class="bbsh left">
        <p style="padding-bottom:30px;"><img src="../images/headandfter/bbshimg.png" /></p>
        <p><img src="../images/headandfter/fan16-ewm.jpg" /></p>
      </div>
      <div class="hot-pd left">
        <p class="hot-title">热门频道</p>
        <div class="hot-link fixed">
          <div>
            <p><a href="#">新闻</a></p>
            <p><a href="#">国内</a></p>
            <p><a href="#">评论</a></p>
            <p><a href="#">国际</a></p>
            <p><a href="#">探索</a></p>
            <p><a href="#">社会</a></p>
            <p><a href="#">军事</a></p>
          </div>
          <div>
            <p><a href="#">图片</a></p>
            <p><a href="#">体育</a></p>
            <p><a href="#">NBA</a></p>
            <p><a href="#">CBA</a></p>
            <p><a href="#">综合</a></p>
            <p><a href="#">中超</a></p>
            <p><a href="#">足球</a></p>
          </div>
          <div>
            <p><a href="#">英超</a></p>
            <p><a href="#">西甲</a></p>
            <p><a href="#">意甲</a></p>
            <p><a href="#">娱乐</a></p>
            <p><a href="#">明星</a></p>
            <p><a href="#">图片</a></p>
            <p><a href="#">电影</a></p>
          </div>
          <div>
            <p><a href="#">财经</a></p>
            <p><a href="#">音乐</a></p>
            <p><a href="#">资料库</a></p>
            <p><a href="#">股票</a></p>
            <p><a href="#">产经</a></p>
            <p><a href="#">新股</a></p>
            <p><a href="#">金融</a></p>
          </div>
          <div>
            <p><a href="#">基金</a></p>
            <p><a href="#">商业</a></p>
            <p><a href="#">评论</a></p>
            <p><a href="#">国际</a></p>
            <p><a href="#">探索</a></p>
            <p><a href="#">社会</a></p>
          </div>
        </div>
      </div>
      <div class="call-alls left">
        <p class="hot-title">联系我们</p>
        <p class="alls1">商务合作：huangjiasheng@fan16.cn</p>
        <p class="alls1">广告发布：deloo@fan16.cn</p>
        <p class="alls1">投诉建议：service@fa</p>
        <div class="linkbg">
          <a href="#" class="xinlang"></a>
          <a href="#" class="tengxun"></a>
          <a href="#" class="zhandian"></a>
          <a href="#" class="douban"></a>
        </div>
      </div>
    </div>
    <div class="f-bottom">
      <p>Copyright©　2013-2015 fan16.cn,AllRights Reserved 粤ICP备 12093882 号-1 版权所有：广州赢酷通讯技术有限公司</p>
    </div>
  </div>
</footer>
<!--End footer-->
</body>
<script language="javascript">

$(function(){
	
	$(".userName").hover(function(){
		$(this).children(".userNameInfo").stop().animate({"height": "toggle", "opacity": "toggle"}, "fast");
	});
	
      	  
	var div = "<div class=\"dklistbg\"></div>";
	var dalist = $(".dakalist").find("li").length;
	$(".dakalist").find("li").each(function(i, o) {
		if(dalist>4&&Math.floor(dalist/4)>=1&&dalist>4){
			if((i+1)%4!=0&&i+1<Math.floor(dalist/4)*4){
				$(this).append(div);
			}
		}
    });
	//dakalist十字logo 排序
})
</script>
</html>
